<template>
  <div class="ChatView">
    <ChatContent />
    <ChatPanel />
  </div>
</template>

<script setup lang='ts'>
</script>

<style lang="scss">
.ChatView {
  display: flex;
  width: 90%;
  margin: 0 auto;
  height: calc(100vh - 50px);
  position: relative;
  flex-direction: column;
}

@media screen and (min-width: 800px) {
  .ChatView {
    width: 60%;
  }
}
</style>
